<script setup lang="ts">
// 引入VueOfficeDocx组件
import VueOfficeDocx from '@vue-office/docx';
// 引入相关样式
import '@vue-office/docx/lib/index.css';
const docx = '/src/assets/doc/Web前端综合实验模板.docx';
// 渲染完成回调函数
function renderedHandler() {
  console.log('渲染完成');
}
// 渲染错误回调函数
function errorHandler() {
  console.log('渲染错误');
}
</script>

<template>
  <div>
    <VueOfficeDocx :src="docx" @rendered="renderedHandler" @error="errorHandler" />
  </div>
</template>

<style scoped></style>
